<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <title>临时巡查记录列表</title>
    <meta name="viewport"
        content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-pull-refresh.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="css/form.css" />
    <link rel="stylesheet" type="text/css" href="css/comm.css" />
    <link rel="stylesheet" type="text/css" href="css/analysis_historyfeesummary.css" />
    <link rel="stylesheet" type="text/css" href="css/customerservicelist.css" />
    <link rel="stylesheet" type="text/css" href="css/analysis_equipment_frm.css" />
    <link rel="stylesheet" type="text/css" href="../script/vant/index.css" />
    <style>
        .left-tag-blue {
            border: solid 1px #1989fa;
            color: #1989fa;
            border-radius: 50%;
            /* padding: 5px; */
            width: 35px;
            height: 35px;
            line-height: 35px;
            text-align: center;
        }

        .left-tag-grey {
            border-color: #999;
            color: #999;
        }

        .new-display-center {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .left-head-img {
            border-radius: 50%;
            width: 26px;
            height: 26px;
            line-height: 26px;
            text-align: center;
        }
    </style>
</head>

<body>
    <div id="app" v-cloak>
        <div v-on:click="doHideSearch()" v-if="showsearch" class="maskbg">
        </div>
        <div v-if="showsearchparam" class="searchparam nomenu" style="height: 70%;">
            <div class="searchcontent" style="height: 100%;">
                <div class="searchparamtitle" v-if="form.ProjectCompanyType==1">
                    项目名称
                </div>
                <div class="searchparamitem" v-if="form.ProjectCompanyType==1">
                    <label v-on:click="doSelectProject(item.ID,item.Name)"
                        v-bind:class="{'active':form.ProjectIDs.indexOf(item.ID)>-1}"
                        v-for="item in projectList">{{item.Name}}</label>
                </div>
            </div>
        </div>
        <div class="search_box fixedbox bgshadow" v-bind:class="{'fixedbox':showsearch}">
            <div class="searchitem" v-bind:class="{'chkedbox':showsearchparam}" v-on:click="doSelectSearchParam(1)">
                筛选
                <i v-if="!showsearchparam" class="icon iconfont icon-down"></i>
                <i v-if="showsearchparam" class="icon iconfont icon-shangjiantou" style="color:#fff;"></i>
            </div>
            <div id="datemonth" data-options='{"type":"month"}' class="searchitem"
                v-bind:class="{'chkedbox':showsearchmonth}" v-on:click="doSelectSearchParam(2)">
                {{form.activeDateDesc}}
                <i v-if="!showsearchmonth" class="icon iconfont icon-down"></i>
                <i v-if="showsearchmonth" class="icon iconfont icon-shangjiantou" style="color:#fff;"></i>
            </div>
        </div>
        <section id="main_refresh" class="aui-refresh-content">
            <div class="newcontentbox" style="padding-top: 0;">
                <label class="bababa"> {{ProjectName}} </label>
                <label class="lr-line"> | </label>
                <label class="bababa"> {{form.startMonth}} 统计 </label>
            </div>

            <div class="aui-margin-t-10">
                <div class="aui-list boxarea mb20" v-for="item in list" style="border-radius: 0;padding: 0 12px;">
                    <div class="aui-padded-t-10 aui-padded-b-10 new-display-center">
                        <div style="width: 40px;margin-right: 15px;">
                            <span class="left-tag-blue aui-font-size-12"
                                v-bind:class="{'left-tag-grey':!item.CheckCount&&!item.RepairCount}">{{item.Time}}日</span>
                        </div>
                        <div style="width: 100%;text-align: right;">
                            <div >
                                <div v-if="item.CheckCount" v-on:click="open_list(item,1)">
                                    <span>巡检设备数：{{item.CheckCount}}</span>
                                    <span>/ 正常：{{item.CheckNormal}}</span>
                                    <span>/ 异常：{{item.CheckNoNormal}}</span>
                                    <span class="text-grey">
                                        <van-icon name="arrow" class="aui-margin-l-5" />
                                    </span>
                                </div>
                                <div v-if="!item.CheckCount">
                                    <span class="text-grey">未进行设备巡检</span>
                                </div>
                            </div>
                            <div>
                                <van-divider :style="{borderColor: '#ddd',margin:'6px 0'}"/>
                            </div>
                            <div >
                                <div v-if="item.RepairCount" v-on:click="open_list(item,2)">
                                    <span>维保设备数：{{item.RepairCount}}</span>
                                    <span>/ 正常：{{item.RepairNormal}}</span>
                                    <span>/ 异常：{{item.RepairNoNormal}}</span>
                                    <span class="text-grey">
                                        <van-icon name="arrow" class="aui-margin-l-5" />
                                    </span>
                                </div>
                                <div v-if="!item.RepairCount">
                                    <span class="text-grey">未进行设备维保</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div v-if="list.length>0" class="notodayList ccc" style="background:none;">
                    没有更多内容
                </div>
            </div>
            <div class="noinfo" id="noorder" v-if="list.length<=0">
                <img src="../image/index/noinfomsg_icon.png" alt="" />
                <h5><br />暂无相关数据</h5>
            </div>
        </section>
        <!--底部弹出年月选择-->
        <van-popup v-model:show="showsearchmonth" round position="bottom" :style="{ height: '40%' }">
            <van-datetime-picker v-model="currentDate" type="year-month" title="选择月份" :min-date="minDate"
                :max-date="maxDate" @cancel="doHideSearch" @confirm="onConfirm" :formatter="formatter" />
        </van-popup>
    </div>
</body>

<script type="text/javascript " src="../script/api.js "></script>
<script type="text/javascript " src="../script/vue.js "></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript" src="../script/aui-tab.js"></script>
<script type="text/javascript" src="../script/aui-pull-refresh.js"></script>
<script type="text/javascript" src="../script/aui-scroll.js"></script>
<script type="text/javascript" src="../script/aui-slide.js"></script>
<script type="text/javascript" src="../script/aui-popup.js"></script>
<script type="text/javascript" src="../script/page/dateRangeUtil.js"></script>
<script type="text/javascript " src="../script/vant/vue.js"></script>
<script type="text/javascript " src="../script/vant/vant.js"></script>
<script type="text/javascript " src="../script/moment/moment.js"></script>
<script type="text/javascript " src="js/equipment_tasklist_record.js"></script>

</html>